.upperRight {
  border-radius: var(--border-radius);
  background-color: var(--bg-second);
  box-shadow: var(--box-shadow);
  margin-bottom: 1.5rem;
  .upperRightTitle {
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--main-text-color);
    font-weight: 700;
    background-color: var(--bg-second);
  }
  .upperRightUl {
    position: relative;
    background-color: var(--bg-color);
    ul {
      padding: 0 1rem 1rem;
      li {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        padding-top: 1rem;
        color: var(--main-text-color);
        a {
          color: var(--main-text-color);
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden;
          .firstspan{
           margin-right: 3px;
          }
          .lastspan{
            margin-left: 3px;
          }
        }
      }
      a:hover {
        color: #ff0064;
      }
    }
  }
}
// ul {
//   a {
//     color: var(--main-text-color);
//   }
//   li:hover {
//     color: #ff0064;
//   }
//   width: 100%;
//   height: 175px;
//   overflow: hidden;
//   li {
//     width: 100%;
//     height: 30px;
//     line-height: 30px;
//     white-space: nowrap;
//     overflow: hidden;
//     text-overflow: ellipsis;
//     margin-left: -20px;
//     color: var(--main-text-color);
//     span {
//       margin-left: 10px;
//     }
//   }
// }
